// Toastr

.toast {
    background-position: 15px center !important;
    box-shadow: $e-dropdown-shadow;
    border: 0;

    .toast-close-button {
        @include e-close-icon();
        outline: none !important;
        font-size: 0;
        content: " ";

        &:before {
            font-size: .9rem;
        }
    }

    // 标题
    .toast-title {
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: .25rem;
    }

    // 内容
    .toast-message {
        font-size: .9rem;
    }
}

// 不同状态颜色
@mixin e-toastr-state($name, $color) {
    .toast-#{$name} {
        background-color: e-get($color, base);
        color: e-get($color, inverse);
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    }

    #toast-container > div:hover {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, .125);
    }
}

@include e-toastr-state(success, e-get($e-state-colors, success));
@include e-toastr-state(warning, e-get($e-state-colors, warning));
@include e-toastr-state(info, e-get($e-state-colors, info));
@include e-toastr-state(error, e-get($e-state-colors, danger));
